@import "./var.less";
/*
  with height
*/
.full{
  width:100%;
  height:100%;
}
.full-width{
  width: 100%;
}
.full-height{
  height: 100%;
}

/*
  flex
*/

.display-flex{
  display: flex;
}
.flex-row{
  flex-direction: row; //水平排列
}
.fle-column{
  flex-direction: column;//竖直排列
}
.justify-center{
  justify-content: center; //水平居中
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end; //水平居中
}
.align-center{
  align-items: center;//子元素 垂直居中
}
.align-start{
  align-items: flex-start;//子元素 从开始排列
}
.align-start{
  align-items: flex-end;//子元素 从开始排列
}
.flex-1{
  flex: 1;
}
